<link rel="stylesheet" type="text/css" href="./find/css/find.css"/>

    
    
    
    <div id="f-all-wrap" class="swiper-container" ng-controller="f-controller">
	    <div id="f-all-wrapper" class="swiper-wrapper">
	    	<div id="slide1" class="swiper-slide">
	    		<!-- 狂拽酷炫吊轮播图容器 -->
			    <div class="swiper-container" id="f-banner-wrap">
					<div class="swiper-wrapper" id="f-banner">
						<div class="swiper-slide" ng-repeat="n in data[0].banners">
							<img ng-src="{{n.pic}}"/>
						</div>
					</div>
					
		  			<div class="swiper-pagination"></div>
			    </div>
			    
			    <!-- 排行 -->
			    <div class="" id="f-paihang">
				    <div class="f-banner-pic" ng-repeat="n in data[1].banners">
						<a href=""><img ng-src="{{n.pic}}"/></a>
					</div>
			    </div>
			    <!-- 作品分类展示区域 -->
			    <div class="" id="f-works-wrap">
			      
			      
			      <div id="f-teenager-comic">
			      	<h3>{{data[2].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle1">
			      		<li ng-repeat="n in data[2].topics">
			      			<div>
			      				<img ng-src="{{n.pic}}"/>
			      			</div>
			      			<h4>{{n.title}}</h4>
			      			<p>{{n.recommended_text}}</p>
			      		</li>
			      	</ul>
			      </div>
			      <!-- 每日推荐banner -->
			      
			      <div class="" id="f-everyday-recommend">
					<img ng-src="{{data[3].banners[0].pic}}"/>
			      </div>
			      
			      
			      <div id="f-relax">
			      	<h3>{{data[4].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle2">
			      		<li ng-repeat="n in data[4].topics">
			      			
				      			<div class="">
				            		<img ng-src="{{n.pic}}" alt="">
				            	</div>
					            <h4>{{n.title}}</h4>
					            <p><span ng-repeat="per in n.category">{{per}}</span></p>
			      			
			      		</li>
			      	</ul>
			      </div>
			      <!-- 男生福利站 -->
			      <div class="" id="f-boy-hobby">
					<h3>{{data[5].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle1">
			      		<li ng-repeat="n in data[5].topics">
			      			<div>
			      				<img ng-src="{{n.pic}}"/>
			      			</div>
			      			<h4>{{n.title}}</h4>
			      			<p>{{n.recommended_text}}</p>
			      		</li>
			      	</ul>
			      </div>
			      
				  <div id="f-burning-head-story">
				  	<h3>{{data[6].title}}<span>{{more_works}}</span></h3>
				  	<ul>
				  		<li class="listStyle3" ng-repeat="n in data[6].topics">
				  			<div id="">
				  				<img ng-src="{{n.pic}}"/>
				  			</div>
				  			<h4>{{n.title}}</h4>
				  			<p><span ng-repeat="per in n.category">{{per}}</span></p>
				  			<p>{{n.recommended_text}}</p>
				  		</li>
				  	</ul>
				  </div>
				<!-- 情感都市 -->
			      <div class="" id="f-lovestory">
					<h3>{{data[7].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle1">
			      		<li ng-repeat="n in data[7].topics">
			      			<div>
			      				<img ng-src="{{n.pic}}"/>
			      			</div>
			      			<h4>{{n.title}}</h4>
			      			<p>{{n.recommended_text}}</p>
			      		</li>
			      	</ul>
			      </div>
			      <!-- 古风侠情 -->
			      <div class="" id="f-oldhero">
					<h3>{{data[8].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle2">
			      		<li ng-repeat="n in data[8].topics">
			      			
				      			<div class="">
				            		<img ng-src="{{n.pic}}" alt="">
				            	</div>
					            <h4>{{n.title}}</h4>
					            <p><span ng-repeat="per in n.category">{{per}}</span></p>
			      			
			      		</li>
			      	</ul>
			      </div>
			      <!-- 完结佳作 -->
			      <div>
			      	<h3>{{data[9].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle2">
			      		<li ng-repeat="n in data[9].topics">
			      			
				      			<div class="">
				            		<img ng-src="{{n.pic}}" alt="">
				            	</div>
					            <h4>{{n.title}}</h4>
					            <p><span ng-repeat="per in n.category">{{per}}</span></p>
			      			
			      		</li>
			      	</ul>
			      </div>
			      <!-- 帮你找漫画 -->
			      <div>
			      	<h3>{{data[10].title}}<span>{{more_works}}</span></h3>
				  	<ul>
				  		<li class="listStyle3" ng-repeat="n in data[10].topics">
				  			<div id="">
				  				<img ng-src="{{n.pic}}"/>
				  			</div>
				  			<h4>{{n.title}}</h4>
				  			<p><span ng-repeat="per in n.category">{{per}}</span></p>
				  			<p>{{n.recommended_text}}</p>
				  		</li>
				  	</ul>
			      </div>
			      <!-- 在这秀恩爱 -->
			      <div>
			      	<h3>{{data[11].title}}<span>{{more_works}}</span></h3>
			      	<ul class="listStyle2">
			      		<li ng-repeat="n in data[11].topics">
			      			
				      			<div class="">
				            		<img ng-src="{{n.pic}}" alt="">
				            	</div>
					            <h4>{{n.title}}</h4>
					            <p><span ng-repeat="per in n.category">{{per}}</span></p>
			      			
			      		</li>
			      	</ul>
			      </div>
			    </div>
			    <!-- 我要投稿 全部作品 -->
			    <div class="" id="f-contribute">
					<div id="want-contribute">我要投稿</div>
					<div id="f-all-works">全部作品</div>
			    </div>
			    
			    <div class="f-bottom-holder">

    			</div>
	    	</div>
	    	<div id="slide2" class="swiper-slide">
	    		<div class="swiper-container">
			    	<!-- 分类栏标题 -->
					<ul id="title-wrap">
						<li ng-repeat="n in data2.tags">{{n.title}}</li>
					</ul>
					<div id="f-more-works-wrap">
						<div id="f-more-works-wrapper" class="swiper-wrapper">
							<div ng-repeat="per in data2.tags" class="swiper-slide">
								<p class="f-keywords-btn"><span>推荐</span> <span>最火热</span> <span>新上架</span></p>
								<!-- 分类栏容器 -->
								<ul>
									<li class="listStyle4" ng-repeat="n in data2.topics">
										<div class="">
							              <img ng-src="{{n.cover_image_url}}" alt="">
							            </div>
							            <h4>{{n.title}}</h4>
							            <p><span class="nickname">{{n.user.nickname}}</span></p>
							            <p class="created-at">{{n.created_at}}</p>
									</li>
								</ul>
							</div>
						</div>	
					</div>
					
					
			    </div>
			    <!-- 底部导航占位 -->
			    <div class="f-bottom-holder">
			
			    </div>
	    	</div>
	    </div>
	    
	    
	    
	    
	    
    </div>
    <!-- 底部导航占位 -->
    <div class="" id="f-bottom-holder">

    </div>



